<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Administrator</title>
        <link rel="stylesheet" href="css/screen1.css" type="text/css" media="screen" title="default" />
        <!--[if IE]>
        <link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
        <![endif]-->

        <!--  jquery core -->      

        <script src="js/jquery/ui.core.js" type="text/javascript"></script>
        <script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
        <script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(function(){
                $('input').checkBox();
                $('#toggle-all').click(function(){
                $('#toggle-all').toggleClass('toggle-checked');
                $('#mainform input[type=checkbox]').checkBox('toggle');
                return false;
                });
        });
        </script>

        <!--        <![if !IE 7]>

                  styled select box script version 1
                <script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
                <script type="text/javascript">
                $(document).ready(function() {
                        $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
                });
                </script>


                <![endif]>-->

        <!--  styled select box script version 2 -->
        <script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(document).ready(function() {
                $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
                $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
        });
        </script>

        <!--  styled select box script version 3 -->
        <script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(document).ready(function() {
                $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
        });
        </script>

        <!--  styled file upload script -->
        <script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
          $(function() {
              $("input.file_1").filestyle({
                  image: "images/forms/choose-file.gif",
                  imageheight : 21,
                  imagewidth : 78,
                  width : 310
              });
          });
        </script>

        <!-- Custom jquery scripts -->
        <script src="js/jquery/custom_jquery.js" type="text/javascript"></script>

        <!-- Tooltips -->
        <script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
        <script src="js/jquery/jquery.dimensions.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(function() {
                $('a.info-tooltip ').tooltip({
                        track: true,
                        delay: 0,
                        fixPNG: true,
                        showURL: false,
                        showBody: " - ",
                        top: -35,
                        left: 5
                });
        });
        </script>


        <!--  date picker script -->
        <link rel="stylesheet" href="css/datePicker.css" type="text/css" />
        <script src="js/jquery/date.js" type="text/javascript"></script>
        <script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
                $(function()
        {

        // initialise the "Select date" link
        $('#date-pick')
                .datePicker(
                        // associate the link with a date picker
                        {
                                createButton:false,
                                startDate:'01/01/2005',
                                endDate:'31/12/2020'
                        }
                ).bind(
                        // when the link is clicked display the date picker
                        'click',
                        function()
                        {
                                updateSelects($(this).dpGetSelected()[0]);
                                $(this).dpDisplay();
                                return false;
                        }
                ).bind(
                        // when a date is selected update the SELECTs
                        'dateSelected',
                        function(e, selectedDate, $td, state)
                        {
                                updateSelects(selectedDate);
                        }
                ).bind(
                        'dpClosed',
                        function(e, selected)
                        {
                                updateSelects(selected[0]);
                        }
                );

        var updateSelects = function (selectedDate)
        {
                var selectedDate = new Date(selectedDate);
                $('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
                $('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
                $('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
        }
        // listen for when the selects are changed and update the picker
        $('#d, #m, #y')
                .bind(
                        'change',
                        function()
                        {
                                var d = new Date(
                                                        $('#y').val(),
                                                        $('#m').val()-1,
                                                        $('#d').val()
                                                );
                                $('#date-pick').dpSetSelected(d.asString());
                        }
                );

        // default the position of the selects to today
        var today = new Date();
        updateSelects(today.getTime());

        // and update the datePicker to reflect it...
        $('#d').trigger('change');
        });
        </script>

        <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
        <script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(document).ready(function(){
        $(document).pngFix( );
        });
        </script>
    </h:head>
    <body>
        <!-- Start: page-top-outer -->
        <div id="page-top-outer">

            <!-- Start: page-top -->
            <div id="page-top">

                <!-- start logo -->
                <div id="logo">
                    <a href=""><img src="images/shared/logo2.png" width="156" height="40" alt="" /></a>
                </div>
                <!-- end logo -->

                <!--  start top-search -->
                <div id="top-search">
                    <h:form>
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td>
                                    <h:inputText value="#{adminSearchActionBean.content}" styleClass="top-search-inp" onblur="if (this.value=='') { this.value='Search'; }" onfocus="if (this.value=='Search') { this.value=''; }"></h:inputText>
                                </td>
                                <td>
                                    <h:selectOneMenu value="#{adminSearchActionBean.chooseAction}" styleClass="styledselect">
                                        <f:selectItem itemValue="Flight by Name" itemLabel="Flight by Name"></f:selectItem>
                                        <f:selectItem itemValue="Hotel by Name" itemLabel="Hotel by Name"></f:selectItem>
                                        <f:selectItem itemValue="Tour by Name" itemLabel="Tour by Name"></f:selectItem>
                                        <f:selectItem itemValue="Tour by State" itemLabel="Tour by State"></f:selectItem>
                                        <f:selectItem itemValue="Car by Name" itemLabel="Car by Name"></f:selectItem>
                                        <f:selectItem itemValue="TourBooking By UserName" itemLabel="TourBooking By UserName"></f:selectItem>
                                    </h:selectOneMenu>
                                </td>
                                <td>
                                    <!--                                    <input type="image" src="images/shared/top_search_btn.gif"  />-->
                                    <h:commandLink action="#{adminSearchActionBean.searchAction}"><input type="image" src="images/shared/top_search_btn.gif"  /></h:commandLink>
                                </td>
                            </tr>
                        </table>
                    </h:form>
                </div>
                <!--  end top-search -->
                <div class="clear"></div>

            </div>
            <!-- End: page-top -->

        </div>
        <!-- End: page-top-outer -->

        <div class="clear">&nbsp;</div>

        <!--  start nav-outer-repeat................................................................................................. START -->
        <div class="nav-outer-repeat">
            <!--  start nav-outer -->
            <div class="nav-outer">

                <!-- start nav-right -->
                <div id="nav-right">

                    <!--                    <div class="nav-divider">&nbsp;</div>
                                        <div class="showhide-account"><img src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
                    --><div class="nav-divider">&nbsp;</div>
                    <h:form>
                        <!--                        <a href="" id="logout" onclick=""><img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>-->
                        <h:commandLink style="margin: 10px 0 0 10px;" action="#{loginBean.logoutAdminAction}"><img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt=""/></h:commandLink>
                    </h:form>
                    <div class="clear">&nbsp;</div>

                    <!--  start account-content -->
                    <div class="account-content">
                        <div class="account-drop-inner">
                            <a href="" id="acc-settings">Settings</a>
                            <div class="clear">&nbsp;</div>
                            <div class="acc-line">&nbsp;</div>
                            <a href="" id="acc-details">Personal details </a>
                            <div class="clear">&nbsp;</div>
                            <div class="acc-line">&nbsp;</div>
                            <a href="" id="acc-project">Project details</a>
                            <div class="clear">&nbsp;</div>
                            <div class="acc-line">&nbsp;</div>
                            <a href="" id="acc-inbox">Inbox</a>
                            <div class="clear">&nbsp;</div>
                            <div class="acc-line">&nbsp;</div>
                            <a href="" id="acc-stats">Statistics</a>
                        </div>
                    </div>
                    <!--  end account-content -->

                </div>
                <!-- end nav-right -->


                <!--  start nav -->
                <div class="nav">
                    <div class="table">

                        <ul class="select"><li><a href="#nogo"><b>Package Tour Service</b><!--[if IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <div class="select_sub">
                                    <ul class="sub">
                                        <li><a href="managementlocations.xhtml?pageID=1">Locations</a></li>
                                        <li><a href="managementplaces.xhtml?pageID=1">Places</a></li>
                                        <li><a href="managementhotels.xhtml?pageID=1">Hotel</a></li>
                                        <li><a href="managementpackagetype.xhtml?pageID=1">Package Type</a></li>
                                        <li><a href="managepackagetour.xhtml?pageID1=1">Package Tour</a></li>
                                    </ul>
                                </div>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>

                        <div class="nav-divider">&nbsp;</div>

                        <ul class="select"><li><a href="#nogo"><b>Car Rental Service</b><!--[if IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <div class="select_sub show">
                                    <ul class="sub">
                                        <li><a href="managementcarmodel.xhtml">Car Model</a></li>
                                        <li class="sub_show"><a href="managercardetail.xhtml?pageID1=1">Car Details</a></li>
                                    </ul>
                                </div>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>

                        <div class="nav-divider">&nbsp;</div>

                        <ul class="select"><li><a href="#nogo"><b>Other's</b><!--[if IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <div class="select_sub">
                                    <ul class="sub">
                                        <li><a href="managertourbooking.xhtml?pageID1=1">Tour Booking</a></li>
                                        <li><a href="managercarbooking.xhtml?pageID1=1">Car Booking</a></li>
                                        <li><a href="managementflight.xhtml">Flight</a></li>
                                        <li><a href="analysis.xhtml">Analysis</a></li>
                                        <li><a href="managementfeedback.xhtml">Feedback</a></li>
                                    </ul>
                                </div>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>

                        <div class="nav-divider">&nbsp;</div>

                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <!--  start nav -->

            </div>
            <div class="clear"></div>
            <!--  start nav-outer -->
        </div>
        <!--  start nav-outer-repeat................................................... END -->

        <div class="clear"></div>

        <!-- start content-outer ........................................................................................................................START -->
        <div id="content-outer">
            <!-- start content -->
            <div id="content">

                <!--  start page-heading -->
                <div id="page-heading">
                    <!--                    <h1>Add product</h1>-->
                </div>
                <!-- end page-heading -->

                <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
                    <tr>
                        <th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                        <th class="topleft"></th>
                        <td id="tbl-border-top">&nbsp;</td>
                        <th class="topright"></th>
                        <th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
                    </tr>
                    <tr>
                        <td id="tbl-border-left"></td>
                        <td>
                            <!--  start content-table-inner ...................................................................... START -->
                            <div id="content-table-inner">

                                <!--  start table-content  -->
                                <div id="table-content">
                                    <h3><ui:insert name="content-header"></ui:insert></h3>
                                    <ui:insert name="content">

                                    </ui:insert>
                                </div>
                                <!--  end table-content  -->

                                <div class="clear"></div>

                            </div>
                            <!--  end content-table-inner ............................................END  -->
                        </td>
                        <td id="tbl-border-right"></td>
                    </tr>
                    <tr>
                        <th class="sized bottomleft"></th>
                        <td id="tbl-border-bottom">&nbsp;</td>
                        <th class="sized bottomright"></th>
                    </tr>
                </table>
                <div class="clear">&nbsp;</div>

            </div>
            <!--  end content -->
            <div class="clear">&nbsp;</div>
        </div>
        <!--  end content-outer........................................................END -->

        <div class="clear">&nbsp;</div>

        <!-- start footer -->
        <div id="footer">
            <!-- <div id="footer-pad">&nbsp;</div> -->
            <!--  start footer-left -->
            <div id="footer-left">
	Admin Skin &copy; Copyright Internet Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
            <!--  end footer-left -->
            <div class="clear">&nbsp;</div>
        </div>
        <!-- end footer -->
    </body>
</html>


